<template>
	<view class="HeadNavigation" :style="{backgroundColor:bgColor} ">
		<view class="statusBar" :style="{height:(statusBarHeight) + 'px'}"></view>
	</view>
</template>

<script>
	import {
		mapState
	} from 'vuex'
	export default {
		name: "statusBarHeight",
		props: {

			bgColor: {
				type: String,
				default: 'var(--backSubject)',
			}
		},
		data() {
			return {
				statusBarHeight: '',
			};
		},
		created() {
			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight
		},

	}
</script>

